<div  class="black-scroll flight-dynamic">
    <div style="overflow-x: auto">
        <div style="min-width: 1400px;width: 100%">
            <el-row style="background-color:#333">
                    <el-col :span="5" >
                        <div class="solid-border">
                            <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">预计起飞航班</div>
                            <div class="tab-left">

                                <el-card v-for="a,index in dataArray" style="font-size:12px; " class="card-body">
                                <el-row   class="thin-row-top" type="flex"  justify="space-around">

                                        <el-col :span="2"   class="span-item-left"><span >{{index}}</span></el-col>
                                        <el-col :span="5" class="span-item-center "><span >cz8563</span></el-col>
                                        <el-col :span="7"   class="span-item-center"><span >宁波-昆明</span></el-col>
                                        <el-col :span="5" class="span-item-center"><span >b1918</span></el-col>
                                        <el-col :span="5"   class="span-item-center"><span class="span-item-right">0010/2203</span></el-col>

                                </el-row>
                                <el-row class="thin-row-bottom" type="flex"  justify="space-around">
                                    <el-col :span="2" class="span-item-left "><div class="radius-span" >230</div></el-col>
                                    <el-col :span="6" class="span-item-center pit-button-block"><span >计划进港</span></el-col>
                                    <el-col :span="3"   class="span-item-center button-block"><span >/c</span></el-col>
                                    <el-col :span="3"   class="span-item-center button-block"><span >140F</span></el-col>
                                    <el-col :span="3" class="span-item-center button-block"><span >21</span></el-col>
                                    <el-col :span="6"   class="span-item-center pit-button-block"><span class="span-item-right">下达指令</span></el-col>
                                </el-row >

                                </el-card>

                            </div>
                        </div>
                    </el-col>
                    <el-col :span="14" >
                        <!--<el-row style="text-align: center" style="    text-align: center;background: #333;color: white;">-->
                            <!--<el-col :span="6">-->
                                <!--<p style="    margin-top: 10px;text-align: left;padding-left: 20px;">-->
                                    <!--<span class="time">{{ date }}</span>-->
                                <!--</p>-->
                                <!--<p style="    margin-top: 10px;text-align: left;padding-left: 20px;">-->
                                    <!--<span class="text">北京时间</span>-->
                                    <!--<span class="time">{{ time }}</span>-->

                                <!--</p>-->
                            <!--</el-col>-->
                            <!--<el-col :span="12">-->
                                <!--<h1 style="">航班动态</h1>-->
                            <!--</el-col>-->
                            <!--<el-col :span="6">-->

                            <!--</el-col>-->



                        <!--</el-row>-->
                        <el-row>
                            <el-col :span="8">    <div class="solid-border">
                                <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">正在保障航班</div>
                                <div class="tab-center">

                                    <el-card v-for="a,index in 20" style="font-size:12px; " class="card-body">
                                        <el-row   class="thin-row-top" type="flex"  justify="space-around">

                                            <el-col :span="2"   class="span-item-left"><span >{{index}}</span></el-col>
                                            <el-col :span="5" class="span-item-center "><span >cz8563</span></el-col>
                                            <el-col :span="7"   class="span-item-center"><span >宁波-昆明</span></el-col>
                                            <el-col :span="5" class="span-item-center"><span >b1918</span></el-col>
                                            <el-col :span="5"   class="span-item-center"><span class="span-item-right">0010/2203</span></el-col>

                                        </el-row>
                                        <el-row class="thin-row-bottom" type="flex"  justify="space-around">
                                            <el-col :span="2" class="span-item-left "><div class="radius-span" >230</div></el-col>
                                            <el-col :span="6" class="span-item-center pit-button-block"><span >计划进港</span></el-col>
                                            <el-col :span="3"   class="span-item-center button-block"><span >/c</span></el-col>
                                            <el-col :span="3"   class="span-item-center button-block"><span >140F</span></el-col>
                                            <el-col :span="3" class="span-item-center button-block"><span >21</span></el-col>
                                            <el-col :span="6"   class="span-item-center pit-button-block"><span class="span-item-right">下达指令</span></el-col>
                                        </el-row >

                                    </el-card>

                                </div>
                            </div></el-col>
                            <el-col :span="8">    <div class="solid-border">
                                <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">以起飞航班</div>
                                <div  class="tab-center">

                                    <el-card v-for="a,index in 20" style="font-size:12px; " class="card-body">
                                        <el-row   class="thin-row-top" type="flex"  justify="space-around">

                                            <el-col :span="2"   class="span-item-left"><span >{{index}}</span></el-col>
                                            <el-col :span="5" class="span-item-center "><span >cz8563</span></el-col>
                                            <el-col :span="7"   class="span-item-center"><span >宁波-昆明</span></el-col>
                                            <el-col :span="5" class="span-item-center"><span >b1918</span></el-col>
                                            <el-col :span="5"   class="span-item-center"><span class="span-item-right">0010/2203</span></el-col>

                                        </el-row>
                                        <el-row class="thin-row-bottom" type="flex"  justify="space-around">
                                            <el-col :span="2" class="span-item-left "><div class="radius-span" >230</div></el-col>
                                            <el-col :span="6" class="span-item-center pit-button-block"><span >计划进港</span></el-col>
                                            <el-col :span="3"   class="span-item-center button-block"><span >/c</span></el-col>
                                            <el-col :span="3"   class="span-item-center button-block"><span >140F</span></el-col>
                                            <el-col :span="3" class="span-item-center button-block"><span >21</span></el-col>
                                            <el-col :span="6"   class="span-item-center pit-button-block"><span class="span-item-right">下达指令</span></el-col>
                                        </el-row >

                                    </el-card>

                                </div>
                            </div></el-col>
                            <el-col :span="8">    <div class="solid-border">
                                <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">异常航班</div>
                                <div class="tab-center">

                                    <el-card v-for="a,index in 20" style="font-size:12px; " class="card-body">
                                        <el-row   class="thin-row-top" type="flex"  justify="space-around">

                                            <el-col :span="2"   class="span-item-left"><span >{{index}}</span></el-col>
                                            <el-col :span="5" class="span-item-center "><span >cz8563</span></el-col>
                                            <el-col :span="7"   class="span-item-center"><span >宁波-昆明</span></el-col>
                                            <el-col :span="5" class="span-item-center"><span >b1918</span></el-col>
                                            <el-col :span="5"   class="span-item-center"><span class="span-item-right">0010/2203</span></el-col>

                                        </el-row>
                                        <el-row class="thin-row-bottom" type="flex"  justify="space-around">
                                            <el-col :span="2" class="span-item-left "><div class="radius-span" >230</div></el-col>
                                            <el-col :span="6" class="span-item-center pit-button-block"><span >计划进港</span></el-col>
                                            <el-col :span="3"   class="span-item-center button-block"><span >/c</span></el-col>
                                            <el-col :span="3"   class="span-item-center button-block"><span >140F</span></el-col>
                                            <el-col :span="3" class="span-item-center button-block"><span >21</span></el-col>
                                            <el-col :span="6"   class="span-item-center pit-button-block"><span class="span-item-right">下达指令</span></el-col>
                                        </el-row >

                                    </el-card>

                                </div>
                            </div></el-col>
                        </el-row>
                    </el-col>
                    <el-col :span="5" > <div class="solid-border">
                        <div style="padding: 5px 10px" class="solid-border solid-border-bottom info-card-title">计划落地航班</div>
                        <div  class="tab-right">

                            <el-card v-for="a,index in 20" style="font-size:12px; " class="card-body">
                                <el-row   class="thin-row-top" type="flex"  justify="space-around">

                                    <el-col :span="2"   class="span-item-left"><span >{{index}}</span></el-col>
                                    <el-col :span="5" class="span-item-center "><span >cz8563</span></el-col>
                                    <el-col :span="7"   class="span-item-center"><span >宁波-昆明</span></el-col>
                                    <el-col :span="5" class="span-item-center"><span >b1918</span></el-col>
                                    <el-col :span="5"   class="span-item-center"><span class="span-item-right">0010/2203</span></el-col>

                                </el-row>
                                <el-row class="thin-row-bottom" type="flex"  justify="space-around">
                                    <el-col :span="2" class="span-item-left "><div class="radius-span" >230</div></el-col>
                                    <el-col :span="6" class="span-item-center pit-button-block"><span >计划进港</span></el-col>
                                    <el-col :span="3"   class="span-item-center button-block"><span >/c</span></el-col>
                                    <el-col :span="3"   class="span-item-center button-block"><span >140F</span></el-col>
                                    <el-col :span="3" class="span-item-center button-block"><span >21</span></el-col>
                                    <el-col :span="6"   class="span-item-center pit-button-block"><span class="span-item-right">下达指令</span></el-col>
                                </el-row >

                            </el-card>

                        </div>
                    </div>
                    </el-col>
            </el-row>

            <el-row style="background: #333">
                 <!--<h1 style="text-align:center;color:white"><span>航班动态详情</span></h1>-->
                <enter ref="enter" :parentData="childrenData"></enter>
            </el-row>
        </div>
    </div>
</div>